#include("templates/layout.html")
#@layout()

#define seo_title()
#seoTitle(COLUMN.seoTitle, "服务") - #seo("seo_title")
#end

#define seo_keywords()
#seoMetaKeywords(COLUMN.seoMetaKeywords)
#end

#define seo_description()
#seoMetaDescription(COLUMN.seoMetaDescription)
#end

#define import_head_cssjs()
<link rel="stylesheet" href="./css/about.css">
#end

#define body_class()auto-foot-ct#end

#define body()
	<div class="auto-contanter" data-head-fiexd="true">
	#adPlaceList(code=PAGE_NAME)#for(adPlace : adPlaceList)
		#adList(placeId=adPlace.id)
			#for(ad : adList)
				#if(adPlace.style=="banner" && ad.type=="image")
		<!--pc banner图 -->
		<section class="hidden-xs">
			<a#if(ad.url) href="#(ad.url)"#end>
				<img class="db pct100" src="#(ad.img)" alt="" srcset="">
			</a>
		</section>
				#end
			#end
		#end
	#end#end
		<!-- 导航 -->
		#include("templates/nav.html")
	#adPlaceList(code=PAGE_NAME)#for(adPlace : adPlaceList)
		#adList(placeId=adPlace.id)
			#for(ad : adList)
				#if(adPlace.style=="banner" && ad.type=="image")
		<!--移动 banner图 -->
		<a#if(ad.url) href="#(ad.url)"#end>
			<section class="banner visible-xs-block" style="background-image: url('#(ad.img)')"></section>
		</a>
				#end
			#end
		#end
	#end#end
		<!-- 文章 -->
		<div class="bg-white">
			<div class="article-container">
				<section>
					<!-- 模块1 了解我们的服务-->
					<div class="module-hd clearfix">
						<div class="mh-title l">01</div>
						<div class="mh-description">
							<h2 class="n">了解我们的服务</h2>
							<p>KNOW OUR SERVICE</p>
						</div>
					</div>
					<ul class="service-content-list">
					#serviceList(categoryId=1)
						#for(service : serviceList)
						<li class="sc-item clearfix">
							<div class="left-ct rel" style="background-image: url(#if(isMobile && service.imgH5)#(service.imgH5)#else#(service.img)#end)">
								<div class="ca">
									<img class="ca-ing" src="#(service.cover)" alt="" srcset="">
									<img class="ca-active" src="#(service.coverH5)" alt="" srcset="">
								</div>
								<div class="cb">#(service.title)</div>
							</div>
							<div class="right-ct rel">
								<h3 class="ca n">#(service.subtitle)</h3>
								<p class="cb">#(service.remark)</p>
								<div class="tr">
									<a target="_blank" href="#(ctx)/detail/service-#(service.id).html" class="more-btn">了解更多</a>
								</div>
							</div>
						</li>
						#end
					#end
					</ul>
				</section>
				<section>
					<!-- 模块2 服务流程-->
					<div class="module-hd clearfix">
						<div class="mh-title l">02</div>
						<div class="mh-description">
							<h2 class="n">服务流程</h2>
							<p>SERVICE PROCESS</p>
						</div>
					</div>
					<ul class="service-process clearfix">
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-1.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">1 初步开通</div>
								<p class="ca-c">通过电话或邮件等沟通工具初步了解双方情况。</p>
							</div>
						</li>
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-2.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">2. 达成意向</div>
								<p class="ca-c">对项目初步理解和判断，根据项目需求报价、商讨，与企业达成共识。</p>
							</div>
						</li>
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-3.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">3. 确定合作</div>
								<p class="ca-c">双方清晰项目需求和目标，完善合作内容，正式签约付费合作。</p>
							</div>
						</li>
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-4.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">4. 项目启动</div>
								<p class="ca-c">确认双方项目组成员并确定沟通机制。</p>
							</div>
						</li>
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-5.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">5. 项目计划</div>
								<p class="ca-c">依据项目合作内容制定项目时间进度表、项目主要节点、责任人及具体指标。</p>
							</div>
						</li>
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-6.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">6. 项目规划/设计</div>
								<p class="ca-c">按照计划调研、咨询、设计及方案的拟定。</p>
							</div>
						</li>
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-7.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">7. 项目汇报</div>
								<p class="ca-c">工作内容完成向企业决策层进行项目最终提案。</p>
							</div>
						</li>
						<li class="sp-item clearfix">
							<div class="cb r">
								<img class="db pct100" src="./images/about/arrow.png" alt=""
									srcset="">
							</div>
							<div class="ca">
								<div class="ca-a">
									<img src="./images/about/liu-8.png" alt="" srcset="">
								</div>
								<div class="ell ca-b">8. 项目执行落地</div>
								<p class="ca-c">后续创意服务、打样对接、评估调修。</p>
							</div>
						</li>
					</ul>
				</section>
				<section>#include("templates/contactFrom.html")</section>
			</div>
		</div>

	</div>
#end

#define import_foot_js()
	<script>
	var ctx_theme = "#(ctx_theme)";
	var ctx = "#(ctx)";
	</script>
	<script src="./js/about.min.js"></script>
	<script src="./js/lib/contactfrom.js"></script>
#end